<!DOCTYPE html>
<html lang="ch">
<head>
    <meta charset="UTF-8">
    <title>计算器</title>
</head>
<body>
    <div>
        <div class="">
            <p class="">
                <span>10.8+6=</span>
            </p>
            <p class="">
                <span>16.8</span>
            </p>
        </div>
        <div class="">
            <span data-value="(" class=""> ( </span>
            <span data-value=")" class=""> ) </span>
            <span data-value="%" class=""> % </span>
            <span data-value="C" class=""> C </span>
        </div>
        <div class="">
            <span data-value="7">7</span>
            <span data-value="8">8</span>
            <span data-value="9">9</span>
            <span data-value="÷" class="">÷</span>
        </div>
        <div class="">
            <span data-value="4">4</span>
            <span data-value="5">5</span>
            <span data-value="6">6</span>
            <span data-value="x" class="">x</span>
        </div>
        <div class="">
            <span data-value="1">1</span>
            <span data-value="2">2</span>
            <span data-value="3">3</span>
            <span data-value="-" class="">-</span>
        </div>
        <div class="">
            <span data-value="0">0</span>
            <span data-value="." class="" style="font-weight: bold;">.</span>
            <span data-value="=" class="">=</span>
            <span data-value="+" class="">+</span>
        </div>
    </div>
</body>
</html>

